.page-section {
  display: flex;
  flex-direction: row;

  .page-pager {
    margin: 20px 0;
    margin-right: 10px;
  }

  .page-action {
    margin: 20px 0;
    border: 1px solid #d2d6de;
    border-radius: 4px;
    overflow: hidden;

    .input-group {
      
      .form-control {
        border: 0;
        height: 28px;
      }
      .input-group-addon {
        border: 0;
        color: #666;
      }
    }
  }
}


ul.pagination {
  display: block;
  list-style: none;
  *display: inline;
  /* IE7 inline-block hack */
  padding-left: 0;
  *zoom: 1;
  margin: 0;
}

ul.pagination>li {
  display: inline;
}

ul.pagination>li>a,
ul.pagination>li>span,
.pagination #lastspan {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

ul.pagination>li>a:hover,
ul.pagination>li>a:focus,
ul.pagination>.active>a,
ul.pagination>.active>span {
  background-color: #f5f5f5;
}

ul.pagination>.active>a,
ul.pagination>.active>span {
  color: #999999;
  cursor: default;
}

ul.pagination>.disabled>span,
ul.pagination>.disabled>a,
ul.pagination>.disabled>a:hover,
ul.pagination>.disabled>a:focus {
  color: #999999;
  background-color: transparent;
  cursor: default;
}

ul.pagination>li:first-child>a,
ul.pagination>li:first-child>span {
  border-left-width: 1px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}

ul.pagination>li:last-child>a,
ul.pagination>li:last-child>span,
.pagination #lastspan {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

.pagination-large ul>li>a,
.pagination-large ul>li>span,
.pagination-large #lastspan {
  padding: 11px 19px;
  font-size: 17.5px;
}

.pagination-large ul>li:first-child>a,
.pagination-large ul>li:first-child>span {
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}

.pagination-large ul>li:last-child>a,
.pagination-large ul>li:last-child>span,
.pagination-large #lastspan {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-mini ul>li:first-child>a,
.pagination-small ul>li:first-child>a,
.pagination-mini ul>li:first-child>span,
.pagination-small ul>li:first-child>span {
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
}

.pagination-mini ul>li:last-child>a,
.pagination-small ul>li:last-child>a,
.pagination-mini ul>li:last-child>span,
.pagination-small ul>li:last-child>span {
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
}

.pagination-small ul>li>a,
.pagination-small ul>li>span {
  padding: 2px 10px;
  font-size: 11.9px;
}

.pagination-mini ul>li>a,
.pagination-mini ul>li>span {
  padding: 0 6px;
  font-size: 10.5px;
}